草庐IT

Bootstrap5 表单

全部标签

javascript - 延迟链接 Twitter Bootstrap 模态 ('hide' )

我正在显示一个简单的Bootstrap模态,底部有一个“结帐”按钮。点击我想要的按钮:关闭模式,例如$('#myModal').modal('隐藏')等到动画结束将window.location.href更改为我的“checkout”页面。如果不立即运行下一个函数,我似乎无法找到一种链接方式,例如$('#myModal').modal('hide').each(function(){window.location.href='/checkout';});或者我认为delay()可能会有所帮助,例如$('#myModal').modal('hide').delay(1000).each(

javascript - 通过javascript提交表单时IE中的访问被拒绝错误

@using(Html.BeginForm("Upload","MyProfile",FormMethod.Post,new{@encType="multipart/form-data",id="ImgForm",name="ImgForm",target="UploadTarget"})){}并且通过javascript/jquery,我在更改文件输入时提交表单。$('.myprofile.fileupload').change(function(){$('#ImgForm').submit();});它抛出一个错误:访问被拒绝并且它只在IE中发生(我使用的是ie8)并且在firef

javascript - 在模型更改时触发自定义 AngularJS 表单验证

我有一个自定义验证指令,用于确保两个日期在有效范围内。当用户更改值时该指令工作正常,但是当我通过AJAX加载新的lineItem模型时它不会触发。问题是用户可以在表单中输入无效日期并触发错误,然后加载另一个lineItem。此时,即使表单中的数据有效,表单上也会出现错误消息。如果我尝试使用Angular的内置验证(如required)做同样的事情,验证会触发并适当消失。那么,我需要做什么才能使我的验证触发方式与Angular的触发方式相同?(注意:我在表单属性和Angularv1.1.5上使用novalidate)指令ngApp.directive("validateBefore",f

javascript - Asp.Net MVC 4 从表单发布中的对象数组自动绑定(bind)模型

我在JavaScript中构建了一个对象数组,并希望通过Ajax将它们发回服务器(我正在使用jQuery)JavaScript对象数组如下所示:varcolumns=[{name:'col1',source:'whatever',hidden:false,width:50},...];我是这样回发的:$.post('/MyController/MyAction',{'columns':columns});在Controller操作上我目前得到这个:我有一个名为JqColumn的C#对象,我想将帖子绑定(bind)到该对象中,它看起来像这样:publicclassJqGridColumn

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important

javascript - angular 2模型驱动的嵌套表单组件

我有什么:我正在构建一个ionic2应用程序并构建了一个基本的angular2组件,其中包含一个输入框显示输入标题的标签显示任何验证错误的标签我将把它称为我的输入组件我有一个带有表单的页面组件,目前有文本输入。1个常规输入(密码)和1个包装在我的输入组件(用户名)中的输入。这是我页面组件的相关部分ngOnInit(){this.loginForm=this.formBuilder.group({username:['',Validators.required],password:['',Validators.required]});}这是页面组件模板PasswordThisfieldi

javascript - Bootstrap table-striped不改变颜色

正如您最近在我的问题历史记录中看到的那样,我正在尝试了解Jquery/Javascript:)我遇到了以下问题,并想向你们提出建议。我有下表(注意:这是inspect元素抓取的HTML,我不确定为什么style="background-color:rgb(255,255,255);在那里..):ColumnAColumnAColumnAValue1Value2Value1Value2然后使用以下代码选择行或全部选择它们或在行上单击选择://ifuserclicksoncheckboxwithid="checkall"-allcheckboxesareselected//andtable

javascript - Twitter Bootstrap Typeahead 强制选择

我在我的应用程序中使用了BootstrapTypeahead插件,这是我的代码(这是一个示例)。我正在寻找一种方法来验证用户的选择(基本上如果输入与任何结果都不匹配->清空模糊框)。结果必须匹配。我到处找,什么也找不到。非常感谢您的帮助。$('#search').typeahead({source:function(query,process){varstates=[];varmap={};vardata=[{"stateCode":"CA","stateName":"California"},{"stateCode":"AZ","stateName":"Arizona"},{"sta

javascript - 在 Rails 应用程序中通过 JavaScript 插入数据远程表单,ujs 没有捕获远程

我有一个简单的表单被附加到容器中:我的理解是rails_ujs.js捕获所有提交事件,因此我不需要在插入新表单时重新附加任何事件。但是,此表单不会作为远程表单被拾取。即使我在rails_ujs.js中将调试器放在一般提交事件上,此表单也不会触发该事件。服务器端呈现的所有表单都可以触发它。我是否错过了必须将事件附加到动态插入的表单的事情? 最佳答案 事实证明,我是在表单中渲染表单,这导致了问题。我是个白痴:p 关于javascript-在Rails应用程序中通过JavaScript插入数据

javascript - 为什么 Twitter Bootstrap 网格系统有 12 列而不是 10 列(假设是 100%)?

如果10可以表示100%(例如在CSS宽度上),为什么这个网格系统有12列而不是只有10列?我想其他框架也有这种方式。 最佳答案 12可以被2、3、4、6平分,这样你就可以轻松做出2、3、4列同格的布局。这对10列的网格来说不是很好。 关于javascript-为什么TwitterBootstrap网格系统有12列而不是10列(假设是100%)?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que